/**
 * 公共的按钮样式
 *
 * @yangjinlai 20200828
 */

@bgColor: #FF6500;
@bgGrayColor: #DDDDDD;

//两个按钮时，按钮的容器
.mintBtnWrap{

	

	//在底部浮动的样式
	&.bottom{
		position: fixed;
		bottom: 2.0rem;
		left: 1.2rem;
		right: 1.2rem;
		margin:0 auto;
	}
}

.mint-button{

	border-color: 0;
	box-shadow: none;
	background: @bgColor;
	border-radius: 0.2rem;
	border-radius: 0.2rem;
	color: #fff;
	left: 0;
	right: 0;
	margin: 0 auto;

	//点击时的样式重置
	&:enabled:active{
		background-color: @bgColor;
		color: #fff;
	}

	//大按钮的宽高
	&--large{
		width: 17.25rem;
		height: 2.2rem;
	}

	//中等按钮的宽高
	&--normal{
		width: 7.9rem;
		height: 2.0rem;
	}

	//按钮在底部浮动的样式
	&.bottom{
		position: fixed;
		bottom: 0.3rem;
	}

	//灰色但可点击的样式
	&.gray{
		background-color: @bgGrayColor;
		color: #BABABA;

		//点击时的样式重置
		&:enabled:active{
			background-color: @bgGrayColor;
			color: #BABABA;
		}
	}

	//按钮右浮动的样式
	&.right{
		float: right;
	}

	//重置按钮active时的样式
	&:active{
		background-color: @bgColor;
		opacity: 1;
	}

	//不可点击状态的样式
	&.is-disabled{
		background-color: @bgGrayColor;
		color: #BABABA;

		&:active{
			background-color: @bgGrayColor;
			opacity: 1;
		}
	}

	&::after{
		display: none;
	}

	&:not(.is-disabled):active::after{
		display: none;
	}

	
}